// 获取渲染*************************
var form = layui.form
$.ajax({
    url: '/my/category/list',
    success: function (res) {
        // console.log(res);
        var html = template('tpl-category', res)
        $('select').html(html)
        // 渲染后需要调用layui render 方法
        form.render('select')
    }
})


// **********************
initEditor() //pending

// 基本剪裁效果*************************
// 1. 初始化图片裁剪器
var $image = $('#image')

// 2. 裁剪选项
var options = {
    aspectRatio: 400 / 280,
    preview: '.img-preview'
}

// 3. 初始化裁剪区域
$image.cropper(options)

// 2点击选择封面 选图片

$('button:contains("选择封面")').on('click', function () {
    $('#file').trigger('click')
})

// 3确认添加 剪裁
$('#file').on('change', function () {
    if (this.files.length > 0) {
        var fileObj = this.files[0]
        var url = URL.createObjectURL(fileObj)
        $image.cropper('destroy').attr('src', url).cropper(options)
    }
})


// ********************完成添加
$('form').on('submit', function (e) {
    e.preventDefault()
    var data = new FormData(this); //根据name属性收集数据
    // console.log(data);
    // 获取富文本编辑器的内容 追加设置内容
    // data.append('content','富文本编辑器的内容')
    data.set('content', tinyMCE.activeEditor.getContent())
    // tinyMCE.activeEditor.getContent()
    var canvas = $image.cropper('getCroppedCanvas', {
        width: 400,
        height: 200
    });
    // canvas.toDataURL()
    canvas.toBlob(function (blob) {
            //    console.log(blob); 
            data.append('cover_img', blob)
            $.ajax({
                url: '/my/article/add',
                type: 'POST',
                data: data,
                contentType: false,
                processData: false,
                success: function (res) {
                    layer.msg(res.message)
                    if (res.status === 0) {
                        // location.href = './article.html'
                    }
                }
            })
        },


        data.forEach(function (value, key) {
            console.log(key, value);
        })
        //文件对象
    )

})